@CHARSET "UTF-8";

@media screen and (min-width: 1100px) {
	body {
		width: 100%;
		max-width: 1100px;
		height: 860px;
		background-color: #9DC9EE !important;
		background: url(../img/bg.png) center center no-repeat;
		font: 12px/22px 'Microsoft Yahei', '\5b8b\4f53', 微软雅黑, '宋体', '微软雅黑' Arial,
			Lucida Grande, Tahoma, sans-serif;
		color: #000;
		color: #000;
		overflow-x: hidden;
		margin: 0 auto;
		text-align: center;
	}
	#container {
		width: 100%;
		height: 860px;
		margin: 0 auto;
		background: url(../img/bg.png) center center no-repeat;
		position: relative;
	}
	#container h1, #container_index h1 {
		width: 950px;
		height: 54px;
		padding-left: 30px;
		line-height: 54px;
		font-family: "微软雅黑";
		font-size: 26px;
		font-weight: bold;
		color: #333;
		top: 238px;
		left: 60px;
		position: absolute;
	}
	#main {
		background: rgba(244,244,244,0.7);
		 border-radius: 25px 25px 0px 0px;
		 -webkit-border-radius:  25px 25px 0px 0px;
		 -moz-border-radius: 25px 25px 0px 0px;
		 -o-border-radius: 25px 25px 0px 0px;
		height: 320px;
		width:500px;
		margin:0 auto;
	}
	#main .unit {
		width: 346px;
		height: 80px;
		margin: 0 auto;
	}
	#main .unit label {
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #333;
		line-height: 80px;
	}
	
	#main .unit input {
		border: 1px solid #BDBDBD;
		background-color:#CACACA;
		width: 240px;
		height: 40px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
	}
	.login-bottom {
	  background: #648CC0;
	  padding: 30px 65px;
	  border-radius: 0px 0px 25px 25px;
	  -webkit-border-radius:  0px 0px 25px 25px;
	  -moz-border-radius: 0px 0px 25px 25px;
	  -o-border-radius: 0px 0px 25px 25px;
	  border-top: 2px solid #3781ad;
	  width:500px;
	  margin:0 auto;
	}
	.login-bottom a {
		width: 100%;
		text-align: left;
		font-family: "微软雅黑";
		font-size: 20px;
		font-weight: 800;
		color: #000;
		line-height: 30px;
	}
	#wj{
		transition: 0.5s all;
	  -webkit-transition: 0.5s all;
	  -moz-transition: 0.5s all;
	  -o-transition: 0.5s all;
	}
	#footer {
		background: #517ABC;
		width: 100%;
		height: 180px;
		top: 770px;
		left: 0;
		position: absolute;
	}
	#footer p {
		line-height: 22px;
		font-family: "微软雅黑";
		font-size: 15px;
		font-weight: bold;
		color: #000;
		margin-top:15px;
		text-align: center;
	}
	#footer p a {
		font-family: "微软雅黑";
		font-size: 13px;
		font-weight: normal;
		color: #000;
	}
	#footer p a:hover {
		text-decoration: underline;
	}
}

/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	body {
		width: auto;
		max-width: 100%;
		height: 100%;
		min-height: 860px;
		background: url(../img/bg.png) center center no-repeat;
		background-color: #9DC9EE !important;
		background-size: 100%;
		margin: 0 auto;
		font: 12px/22px 'Microsoft Yahei', '\5b8b\4f53', 微软雅黑, '宋体', '微软雅黑' Arial,
			Lucida Grande, Tahoma, sans-serif;
		color: #000;
		color: #000;
		overflow-x: hidden;
	}
	#container {
		width: auto;
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
		background: url(../img/bg.png) center center no-repeat;
		position: relative;
		background-size: 100%;
	}
	#container h1, #container_index h1 {
		width: 950px;
		height: 54px;
		padding-left: 30px;
		line-height: 54px;
		font-family: "微软雅黑";
		font-size: 26px;
		font-weight: bold;
		color: #333;
		top: 238px;
		left: 60px;
		position: absolute;
	}
	#main {
	
		height: 270px;
		padding-top: 380px;
	}
	#main .unit {
		width: 346px;
		height: 80px;
		margin: 0 auto;
	}
	#main .unit label {
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #333;
		line-height: 80px;
	}
	#main .unit a {
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #333;
		line-height: 80px;
	}
	#main .unit input {
		border: 1px solid #BDBDBD;
		width: 240px;
		height: 40px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
	}
	#footer {
		width: 100%;
		height: 80px;
		top: 780px;
		left: 0;
		position: absolute;
	}
	#footer p {
		line-height: 22px;
		font-family: "微软雅黑";
		font-size: 15px;
		font-weight: bold;
		color: #000;
		text-align: center;
	}
	#footer p a {
		font-family: "微软雅黑";
		font-size: 13px;
		font-weight: normal;
		color: #000;
	}
	#footer p a:hover {
		text-decoration: underline;
	}
}
/** iPhone **/
@media only screen and (min-width: 10px) and (max-width: 767px) {
	body {
		width: 100%;
		height: 100%;
		max-height: 100px;
		background: url(../img/index_bg_xs0.png) right top no-repeat;
		background-color: #9DC9EE !important;
		margin: 0 auto;
		font: 12px/22px 'Microsoft Yahei', '\5b8b\4f53', 微软雅黑, '宋体', '微软雅黑' Arial,
			Lucida Grande, Tahoma, sans-serif;
		color: #000;
		color: #000;
		overflow-x: hidden;
		teat-align: center;
	}
	#container {
		width: 100%;
		height: 115px;
		/* background:url(../img/index_bg_xs1.png) center top no-repeat;
		background-size:100% 100px; */
		margin-bottom: 20px;
		font-family: "微软雅黑";
		font-size: 26px;
		color: #000;
	}
	#container h1, #container_index h1 {
		width: 950px;
		height: 54px;
		padding-left: 30px;
		line-height: 54px;
		font-family: "微软雅黑";
		font-size: 26px;
		font-weight: bold;
		color: #333;
		top: 238px;
		left: 60px;
		position: absolute;
	}
	#main {
		width: 95%;
		height: auto;
		min-height: 300px;
		background: rgba(45, 45, 45, .15);
		margin: 20px auto;
		padding: 30px 0;
		text-align: center;
	}
	#main .unit {
		width: 90%;
		height: 80px;
		margin: 0 auto;
		padding-top: 10px;
	}
	#main .unit label {
		width: 100%;
		text-align: left;
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #333;
		line-height: 30px;
	}
	#login-bottom a {
		width: 100%;
		text-align: left;
		font-family: "宋体";
		font-size: 16px;
		font-weight: 800;
		color: #000;
		line-height: 30px;
	}
	#main .unit input {
		border: 1px solid #808080;
		width: 100%;
		background-color:#CACACA;
		max-width: 300px;
		height: 40px;
		font-family: "微软雅黑";
		font-size: 16px;
		padding: 0 10px;
		border-radius: 6px;
	}
	#footer {
		width: 100%;
		height: 80px;
		padding-top: 10px;
	}
	#footer p {
		line-height: 22px;
		font-family: "微软雅黑";
		font-size: 15px;
		font-weight: bold;
		color: #000;
		text-align: center;
	}
	#footer p a {
		font-family: "微软雅黑";
		font-size: 13px;
		font-weight: normal;
		color: #000;
	}
	#footer p a:hover {
		text-decoration: underline;
	}
	button {
		cursor: pointer;
		width: 100%;
		max-width: 300px;
		height: 44px;
		margin-top: 25px;
		padding: 0;
		background: #ef4300;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #ff730e;
		-moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px
			0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px
			7px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0
			rgba(0, 0, 0, .2);
		font-family: "微软雅黑", 'PT Sans', Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: 700;
		color: #000;
		text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
		-o-transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
		-ms-transition: all .2s;
	}
	button:hover {
		-moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px 7px
			0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px
			7px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px 7px 0
			rgba(0, 0, 0, .2);
	}
	button:active {
		-moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px 7px
			0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .15) inset, 0 2px
			7px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1) inset, 0 1px 4px 0
			rgba(0, 0, 0, .1);
		border: 0px solid #ef4300;
	}
}

.submit-button {
	margin:auto 50px;
	font-size: 20px;
	color: #ffffff;
	background-color: #9DC9EE;
	border-color: #9DC9EE;
}